<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>伪类选择器渲染文章标题和分类的鼠标经过效果</title>
		<style>
			/* 选择所有未被访问的链接 */
			a:link {
				color:black
			}
			/* 选择所有已经被访问的链接 */
			a:visited {
				color: aqua;
			}
			/* 选择鼠标指针经过某个元素链接的效果 */
			a:hover {
				color: blue;
			}
			/* 选择活动的链接 */
			a:active {
				color: chocolate;
			}
			input:focus {
				background-color: yellow;
				color: #9199b6;
			}
		</style>
	</head>
	<body>
		<a href="https://www.imooc.com/article/334539">慕课手记社区指南</a>
		<a href="https://www.imooc.com/article/334193">大前端突围之路：从RN跨平台到大前端全栈统一</a>
		<input type="text">
		<input type="text">
		<input type="text">
	</body>
</html>